<template>
   	<div>
			<div id="main-wrapper">
			<Sidebar></Sidebar>
			<Navbar></Navbar>
			
			<div id="content-wrapper">
				<ul class="breadcrumb breadcrumb-page">
					<div class="breadcrumb-label text-light-gray">位置：</div>
					<li>
						<a href="#">首页</a>
					</li>
					<li class="active">
						<a href="#">表格</a>
					</li> 
				</ul> 
 
					<router-view></router-view>  
			</div>
			<div id="main-menu-bg"></div>
		</div>
		<div id="myModal" class="modal fade" tabindex="-1" role="dialog" style="display: none;">
			<div class="modal-dialog">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
						<h4 class="modal-title" id="myModalLabel">商品编辑</h4>
					</div>
					<div class="modal-body">
						<div class="form-group">
							<label for="inputEmail2" class="col-sm-2 control-label">商品名称</label>
							<div class="col-sm-6">
								<input type="text" class="form-control" id="inputName" placeholder="请输入商品名称">
							</div>
						</div>
						<!-- / .form-group -->
						<div class="form-group">
							<label for="inputEmail2" class="col-sm-2 control-label">商品分类</label>
							<div class="col-sm-6">
								<select class="form-control">
									<option>1</option>
									<option>2</option>
									<option>3</option>
									<option>4</option>
									<option>5</option>
								</select>
							</div>
						</div>
						<div class="form-group">
							<label for="inputEmail2" class="col-sm-2 control-label">商品图片</label>
							<div class="col-sm-6">
								<input type="file" id="styled-finputs-example">
							</div>
						</div>
						<!-- / .form-group -->
						<div class="form-group">
							<label for="inputPassword" class="col-sm-2 control-label">商品价格</label>
							<div class="col-sm-3">
								<input type="password" class="form-control" id="inputPrice" placeholder="请输入商品价格">
								<p class="help-block">单位(元) eg：58.00</p>
							</div>
						</div>
						<!-- / .form-group -->
						<div class="form-group">
							<label for="asdasdas" class="col-sm-2 control-label">描述</label>
							<div class="col-sm-6">
								<textarea class="form-control" rows="5"></textarea>
							</div>
						</div>
						<!-- / .form-group -->
						<div class="form-group">
							<label class="col-sm-2 control-label">单选</label>
							<div class="col-sm-10">
								<div class="radio-inline">
									<label>
										<input type="radio" name="optionsRadios" id="optionsRadios1" value="option1" class="px" checked="">
										<span class="lbl">单选一</span>
									</label>
								</div>
								<!-- / .radio -->
								<div class="radio-inline">
									<label>
										<input type="radio" name="optionsRadios" id="optionsRadios2" value="option2" class="px">
										<span class="lbl">单选二</span>
									</label>
								</div>
								<!-- / .radio -->
								<div class="radio-inline">
									<label>
										<input type="radio" name="optionsRadios" id="optionsRadios2-2" value="option2" class="px">
										<span class="lbl">单选三</span>
									</label>
								</div>
								<!-- / .radio -->
							</div>
							<!-- / .col-sm-10 -->
						</div>
						<!-- / .form-group -->
						<div class="form-group">
							<label class="col-sm-2 control-label">多选</label>
							<div class="col-sm-10">
								<div class="checkbox-inline">
									<label>
											<input type="checkbox" class="px"> <span class="lbl">多选一</span>
									</label>
								</div>
								<!-- / .checkbox -->
								<div class="checkbox-inline">
									<label>
										<input type="checkbox" class="px"> <span class="lbl">多选二</span>
									</label>
								</div>
							</div>
						</div>
						<!-- / .form-group -->
					</div>
					<!-- / .modal-body -->
					<div class="modal-footer">
						<button type="button" class="btn" data-dismiss="modal">取消</button>
						<button type="button" class="btn btn-danger">保存</button>
					</div>
				</div>
				<!-- / .modal-content -->
			</div>
			<!-- / .modal-dialog -->
		</div>
	</div>
</template>
<script>
    import '../assets/js/jquery-1.10.2.min.js';
	import '../assets/js/jquery.slimscroll.min.js';
	
	
    import Sidebar from './Common/Head';

    import Navbar from './Common/Navbar';

    export default {
        data() {
            return {
				uploaderHeader: {
					'X-miniapp-Token': localStorage.getItem('token') || '',
					},
				init:[],
				indexshow:true,
				showAll:false,  　
				toLearnList:[
					'html','css','javascript','java','php'   //进行显示的数据
				]　　
		 
            }
        },
        components: {
			Sidebar,
			Navbar
		},
        methods: {
			 
			push:function(){
				this.init.push(function() {								
					$('#main-navbar-notifications').slimScroll({height: 250});
					$('#main-navbar-messages').slimScroll({height: 250});
					$('#main-menu-inner .navigation li').first().addClass('active');
				 
				}); 
				window.PixelAdmin.start(this.init);
			},
			
        },
		mounted: function () {
			this.push();
		} 
		 
    }
</script>
<style>
	
</style>
